/* Blocks */
.intro-section {
  background-size: cover;
  position: relative; }
  .intro-section, .intro-section .container .row {
    height: 100vh;
    min-height: 700px; }
  .intro-section.innerpage, .intro-section.innerpage .container .row {
    height: 75vh;
    min-height: 500px; }
  .intro-section:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #171c3a;
    opacity: .3;
    border-bottom-right-radius: 0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    @media (max-width: 991.98px) {
      .intro-section:before {
        width: 100%; } }
  .intro-section h1 {
    font-size: 3rem;
    font-weight: 300;
    color: #fff; }
    .intro-section h1 strong {
      font-weight: 700; }
  .intro-section p {
    color: #fff;
    font-size: 1.1rem; }
    .intro-section p a {
      color: #fff;
      text-decoration: underline; }


.hero-slide {
  position: relative; }
  @media (max-width: 991.98px) {
    .hero-slide .owl-nav {
      display: none; } }
  .hero-slide .owl-nav .owl-prev,
  .hero-slide .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 70px;
    height: 70px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #f7f7f7; }
    .hero-slide .owl-nav .owl-prev > span,
    .hero-slide .owl-nav .owl-next > span {
      font-size: 1.7rem;
      position: absolute;
      top: 50%;
      left: 50%;
      color: #000;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .hero-slide .owl-nav .owl-prev:hover,
    .hero-slide .owl-nav .owl-next:hover {
      background: #f2d00d; }
      .hero-slide .owl-nav .owl-prev:hover > span,
      .hero-slide .owl-nav .owl-next:hover > span {
        color: #fff; }
  .hero-slide .owl-nav .owl-prev {
    left: 0; }
  .hero-slide .owl-nav .owl-next {
    right: 0; }
  .hero-slide .owl-dots {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center; }
    .hero-slide .owl-dots .owl-dot {
      display: inline-block; }
      .hero-slide .owl-dots .owl-dot > span {
        border-radius: 0%;
        display: inline-block;
        width: 18px;
        height: 4px;
        margin: 2px 5px;
        background: #f2f2f2; }
      .hero-slide .owl-dots .owl-dot.active > span {
        background: #f2d00d; }